<!DOCTYPE html>
<html class="fullscreen content-align-left">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="<wk:tplvar name='favico'/>" type="image/x-icon">
<link rel="apple-touch-icon" href="<wk:tplvar name='touchs'/>">
<link rel="apple-touch-icon" sizes="72x72" href="<wk:tplvar name='touchm'/>">
<link rel="apple-touch-icon" sizes="114x114" href="<wk:tplvar name='touchb'/>">
<title><wk:field name='typename'/>-<wk:tplvar name='wap_name'/></title>
<link rel="stylesheet" href="__THEME__/css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="__THEME__/js/jquery.min.js"></script>
</head>
<body class="default-type">
	<header class="menu-left main_header short_header">
        <div class="header_wrapper">
            <a href="javascript:void(0)" class="header_toggler"></a>
            <div class="logo_wrapper">
                <a href="__ROOT__" class="logo"><img src="<wk:tplvar name='logo'/>" alt="" class="logo_def"><img src="<wk:tplvar name='rlogo'/>" alt="" class="logo_retina"></a>
            </div>
	       <wk:include filename='header.htm'/>            
            <div class="footer">
                <section class="socials">
                    <ul class="socials_list">
                       
                    </ul>
                </section>
                <section class="copyright">
                    <wk:global name="cfg_powerby"/> 
                </section>
            </div>
            <div class="clear"></div>
        </div>
    </header>		
	<script type="text/javascript">
        gallery_set = [
            <wk:arclist paging='1' pagesize='20' mod="5" getall='1'>
            <?php 
                $id = $_field['id'];
                $sql = "SELECT * FROM `".C('DB_PREFIX')."addonslide` WHERE `id`='$id'";
                $query = mysql_query($sql);
                while($row=mysql_fetch_array($query)){
                $slideurl = $row[slideurl];
                $slideredirecturl = $row[redirecturl];
                $slidebody = $row[body];
            }
            ?>
            '<?php echo $slideurl; ?>',
            </wk:arclist>
        ]
        jQuery(document).ready(function(){
			"use strict";
            jQuery('#kenburns').attr('width', jQuery(window).width());
            jQuery('#kenburns').attr('height', jQuery(window).height());
            jQuery('#kenburns').kenburns({
                images: gallery_set,
                frames_per_second: 30,
                display_time: 5000,
                fade_time: 1000,
                zoom: 1.2,
                background_color:'#000000'
            });
        });				
        jQuery(window).resize(function(){ 
			"use strict";
            jQuery('#kenburns').remove();
            jQuery('.gallery_kenburns').append('<canvas id="kenburns"><p>Your browser does not support canvas!</p></canvas>');
            jQuery('#kenburns').attr('width', jQuery(window).width());
            jQuery('#kenburns').attr('height', jQuery(window).height());
            jQuery('#kenburns').kenburns({
                images: gallery_set,
                frames_per_second: 30,
                display_time: 5000,
                fade_time: 1000,
                zoom: 1.2,
                background_color:'#000000'
            });				
        });	
    </script> 
    <div class="gallery_kenburns">
        <canvas id="kenburns">
            <p>您好！您的浏览器不支持canvas!</p>
        </canvas>
    </div>      
	<div class="custom_bg"></div>
	<script type="text/javascript" src="__THEME__/js/jquery-ui.min.js"></script>    
    <script type="text/javascript" src="__THEME__/js/modules.js"></script>
	<script type="text/javascript" src="__THEME__/js/theme.js"></script>
</body>
</html>